<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>添加新闻内容</title>
<!-- 引入CSS和JS文件   -->
<script src="layui/layui.js" charset="utf-8"></script>
<script src="js/x-layui.js" charset="utf-8"></script>
<link rel="stylesheet" href="css/x-admin.css" media="all">
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<script type="text/javascript" src="js/global.js"></script>

</head>

<body>
	<div class="x-body">
		<form class="layui-form" id="addNewscontentform">
		    <!-- 定义一个隐藏文本域，用来储存当前新闻的id -->
			<input type="hidden" id="id" name="id"/>
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>新闻标题
				</label>
				<div class="layui-input-inline">
					<input type="text" id="newssheadlines" name="newssheadlines" required=""
						autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>新闻内容
				</label>
				<div class="layui-input-inline">
					<input type="text" id="newscontent" name="newscontent" required=""
						autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>新闻简介
				</label>
				<div class="layui-input-inline">
					<input type="text" id="newsprofile" name="newsprofile" required=""
						autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>新闻类型
				</label>
				<div class="layui-input-inline">
					<!-- <input type="text" id="newstype_id" name="newstype_id" required=""
						autocomplete="off" class="layui-input"> -->
						<select id="newstype_id" name="newstype_id"></select>
				</div>
			</div>
			<!-- 定义一个隐藏文本域，用来储存当前新闻的新闻类型 -->
			<input type="hidden" id="curnewstype" name="curnewstype"/>

			<div class="layui-input-block">
				<div class="layui-form-item">
					<button class="layui-btn" lay-filter="add" lay-submit>更新</button>
				</div>
			</div>

		</form>
	</div>
</body>

<script>
	layui.use([ 'upload', 'form' ], function() {
		var upload = layui.upload;//加载upload上传文件的组件
		var form = layui.form;//引入form组件
		var $ = layui.$;//加载jQ组件
		
		
		//编辑产品
   		form.on('submit(add)',function(){
   			//获取用户输入的新闻信息 -- 并封装参数
   			alert(JSON.stringify($('#addNewscontentform').serializeArray()));
	      
   			//定义接口地址
   			var add_pro_url = "Article_list_contentServlet?url=edit";
   			
   			//$('#addRoleForm').serialize() -- 获取表单中用户输的的信息，并序列化
   			$.post(add_pro_url,$('#addNewscontentform').serializeArray(),function(res){
   				
   				if(res.success == true){
   					layer.alert('编辑成功！',function(){
   						//关闭添加角色的窗口
   						// 根据父窗口获取当前窗口frame的索引
	               		var index = parent.layer.getFrameIndex(window.name);
	                	// 使用父窗口来关闭当前子窗口frame
	                	parent.layer.close(index);
	                	//刷新父窗口 -- 重载父窗口
	                	window.parent.location.reload();
   					});
   				}else{
   					layer.alert('编辑失败！');
   				}
   				
   			},'json')
   			return false;//这一句话一定要加上***
   		});
   	//调用接口获取新闻类型，并动态显示到下拉列表中
		$.post("Article_listServlet?url=newstypeList","",function(res){
			//遍历接口返回的新闻类型列表，把新闻类型信息显示到下拉列表中
			var option = "<option value='-1'>--请选择--</option>"
			//获取当前新闻类型中隐藏文本域的值
			var curnewstype = $("#curnewstype").val();
			for(var i = 0 ; i < res.data.length ; i++){
				var obj = res.data[i];
				if(curnewstype == obj.id){
					option = option + "<option value='"+ obj.id +"' selected='selected'>"+ obj.name +"</option>";
				}else{
					option = option + "<option value='"+ obj.id +"'>"+ obj.name +"</option>";
				}
			}
			//获取下拉列表，并把下拉选项添加到下拉列表中
			$("#newstype_id").html(option);
			//重新渲染下拉列表
			form.render("select");
		},"json");
	
	});
</script>

</html>